<style type="text/css">
    .content .title{
        font-size: 24px;
        margin-left: 42%;
        margin-top: 30px;
    }
    .choice select{
        width: 210px;
        height: 40px;
        background-color: #eee;
        border-style: none;
        border: 1px solid #aaa;
        margin-left: 36%;
        margin-top: 20px;
    }
.marketDe{
    margin-left: 5%;

}
.marketDe span{
    margin-left: 8px;
   color: #67a8ce;
    font-size: 21px;
    font-weight: bold;
    position: relative;
    top: 5px;
}


    table{ border-collapse:collapse;border:1px #eee solid;width:90%;margin:0 auto;margin-top:40px;height: 120px;}
    th,td{border:1px #eee solid;text-align:center;font-size:14px;line-height:30px;}
    /*th{background:#D6D3D6;}*/
    /*模拟对角线*/
    .out{
        border-top:40px #bdcbd6 solid;/*上边框宽度等于表格第一行行高*/
        width:0px;/*让容器宽度为0*/
        height:0px;/*让容器高度为0*/
        border-left:80px #F4F8FB solid;/*左边框宽度等于表格第一行第一格宽度*/
        position:relative;/*让里面的两个子容器绝对定位*/
    }
    b{font-style:normal;display:block;position:absolute;top:-40px;left:-40px;width:35px;}
    em{font-style:normal;display:block;position:absolute;top:-25px;left:-70px;width:55x;}

.savebtn input{
    width: 130px;height: 40px;
    background-color: #000;
    color: #fff;
    float: right;
    margin-right: 70px;
    border-style: none;
    border-radius: 3px;
    margin-top: 50px;
}

</style>


<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

<div class="tab-content">
    <input id="year_id_hidden" type="hidden" value="1" />
    <div id="year1" class="tab-pane fade in active content" >
        <div class="title">
            市场开拓
        </div>
        <div class="choice">
            <select id="selectGroup1">
                <option data-id="undefined">下拉选择公司 </option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>
        <div class="marketDe">
            <img src="/images/blue-point.png">
            <span>市场决策</span>
        </div>

        <table>
            <tr>
                <th>产品</th>
                <th>需求市场</th>
                <th>广告投入费(万元)</th>
                <th>代理报价费(万元)</th>
                <th>终端促销费(万元)</th>
                <th>市场零售价(万元)</th>
            </tr>
            <tr>
                <td class="a6">F3</td>
                <td class="a7">华北</td>
                <td class="a1" contenteditable="true"></td>
                <td class="a2" contenteditable="true"></td>
                <td class="a3" contenteditable="true"></td>
                <td class="a4" contenteditable="true"></td>
            </tr>
            <tr>
                <td class="a66">F3</td>
                <td class="a77">华东</td>
                <td class="a11" contenteditable="true"></td>
                <td class="a22" contenteditable="true"></td>
                <td class="a33" contenteditable="true"></td>
                <td class="a44" contenteditable="true"></td>
            </tr>

        </table>

        <div class="savebtn">
            <input type="button" class="" value="保存" id="btnSave1">
        </div>
    </div>
    <div id="year2" class="tab-pane fade content">
        <div class="title">
            市场开拓
        </div>
        <div class="choice">
            <select id="selectGroup2">
                <option data-id="undefined">下拉选择公司 </option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>
        <div class="marketDe">
            <img src="/images/blue-point.png">
            <span>市场决策</span>
        </div>

        <table>
            <tr>
                <th>产品</th>
                <th>需求市场</th>
                <th>广告投入费(万元)</th>
                <th>代理报价费(万元)</th>
                <th>终端促销费(万元)</th>
                <th>市场零售价(万元)</th>
            </tr>
            <tr>

                <td class="b6">F3</td>
                <td class="b7">华北</td>
                <td class="b1" contenteditable="true"></td>
                <td class="b2" contenteditable="true"></td>
                <td class="b3" contenteditable="true"></td>
                <td class="b4" contenteditable="true"></td>
            </tr>
            <tr>

                <td class="b66">F3</td>
                <td class="b77">华东</td>
                <td class="b11" contenteditable="true"></td>
                <td class="b22" contenteditable="true"></td>
                <td class="b33" contenteditable="true"></td>
                <td class="b44" contenteditable="true"></td>
            </tr>
            <tr>
                <td class="b666">F4</td>
                <td class="b777">华南</td>
                <td class="b111" contenteditable="true"></td>
                <td class="b222" contenteditable="true"></td>
                <td class="b333" contenteditable="true"></td>
                <td class="b444" contenteditable="true"></td>
            </tr>

        </table>

        <div class="savebtn">
            <input type="button" class="" value="保存" id="btnSave2">
        </div>
    </div>
    <div id="year3" class="tab-pane fade content">
        <div class="title">
            市场开拓
        </div>
        <div class="choice">
            <select id="selectGroup3">
                <option data-id="undefined">下拉选择公司 </option>
                <%for(i=0;i<dataGroup.length;i++){%>
                <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
                <%}%>
            </select>
        </div>
        <div class="marketDe">
            <img src="/images/blue-point.png">
            <span>市场决策</span>
        </div>

        <table>
            <tr>
                <th>产品</th>
                <th>需求市场</th>
                <th>广告投入费(万元)</th>
                <th>代理报价费(万元)</th>
                <th>终端促销费(万元)</th>
                <th>市场零售价(万元)</th>
            </tr>
            <tr>
                <td class="c6">F3</td>
                <td class="c7">欧洲</td>
                <td class="c1" contenteditable="true"></td>
                <td class="c2" contenteditable="true"></td>
                <td class="c3" contenteditable="true"></td>
                <td class="c4" contenteditable="true"></td>
            </tr>
            <tr>
                <td class="c66">F4</td>
                <td class="77">北美</td>
                <td class="c11" contenteditable="true"></td>
                <td class="c22" contenteditable="true"></td>
                <td class="c33" contenteditable="true"></td>
                <td class="c44" contenteditable="true"></td>
            </tr>
            <tr>
                <td class="c666">F5</td>
                <td class="c777">华南</td>
                <td class="c111" contenteditable="true"></td>
                <td class="c222" contenteditable="true"></td>
                <td class="c333" contenteditable="true"></td>
                <td class="c444" contenteditable="true"></td>
            </tr>

        </table>

        <div class="savebtn">
            <input type="button" class="" value="保存" id="btnSave3">
        </div>
    </div>
</div>